<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>fetch</title>
</head>
<body>
<script>
    //增加
    fetch('/users',{
        method:'POST',
        headers:{
            'Content-Type':"application/json"
        },
        //发送post请求的时候，请求体放在body中，而且是一个JSON字符串 data
        body:JSON.stringify({name:'zhufeng1'})
    })
    .then(response=>{
      //获取响应体的时候，需要自己调用方法json方法可以把响应转成json,text可以把字符串转成文本
      //console.log(response.text())
      return response.text();
    })
    .then(text=>{
         console.log(text)
    })

    //修改
    fetch('/users?id=1',{
        method:'PUT',
        headers:{
            'Content-Type':"application/json"
        },
        //发送post请求的时候，请求体放在body中，而且是一个JSON字符串 data
        body:JSON.stringify({name:'updateZhufeng'})
    })
    .then(response=>{
      //获取响应体的时候，需要自己调用方法json方法可以把响应转成json,text可以把字符串转成文本
      return response.text();
    })
    .then(text=>{
         console.log(text)
    })

    fetch('/users?id=1',{
        method:'DELETE',
    })
    .then(response=>{
      //获取响应体的时候，需要自己调用方法json方法可以把响应转成json,text可以把字符串转成文本
      return response.text();
    })
    .then(text=>{
         console.log(text)
    })

    fetch('/users?id=2',{
        method:'GET',
    })
    .then(response=>{
      //获取响应体的时候，需要自己调用方法json方法可以把响应转成json,text可以把字符串转成文本
      return response.json();
    })
    .then(text=>{
         console.log(text)
    })
</script>
</body>
</html>